<template>
    <div class="sb-sb" id="app">
        <button @click="handler">+dfsdfgfbngfgfbngf1</button>
        <p>{{d}}</p>
        <img :src="p1" alt="dfdsa">
        <Footer></Footer>
        <label for="hh">cnm</label>
        <input id="hh" type="checkbox" />
        <f></f>
    </div>
</template>

<script>
    import footer from './todo/footer.jsx';
    import f from './components/f.vue';
    export default {
        name: 'app',
        data() {
            return {
                d:0,
                p1:require('./assets/imgs/p1.jpg'),
                e:'dsaad11dsf2vc22'
            }
        },
        components:{
            Footer:footer,f
        },
        methods:{
            handler(){
                this.d++;
            }
        },
        mounted(){
            console.log('ssss')
        }
    }

</script>


<style scoped lang="scss">
    @import './assets/css/hh.css';

    #hh{
        text-align: center;
        height: 20px;
        width: 20px;
        border: none;
        border-radius: 10px;
        background-color: red;

    }


    input:checked:after {
        content: "✔";
    }
</style>